*{
	margin: 0;padding: 0;
}
html{
	background: url(../img/background.gif);
	font-size: 10px;
}
html,body {
	height: 100%;
}
header{
	height: 46rem;
	margin: auto;
	background: url(../img/lip.jpg);
	overflow: auto;
	border-bottom-left-radius: 1.5rem;
	border-bottom-right-radius: 1.5rem;
}
header .title{
	height: 15rem;
	text-align: center;
	margin: 10rem auto;
	color: #6a9eff;
	font-size: 10rem;
	font-weight: bold;
	line-height: 10rem;
	
}
header .notes span{
	width:65rem;
	height: 5rem;
	margin: auto;
	padding: 2rem;
	display: flex;
	align-items:center ;
	flex-direction: column;
	text-align: center;
	overflow: hidden;
}
header .notes .note{
	
	padding: 1rem;
	font-size: 4rem;
	color: white;
	background-color: darkgray;
	border-radius: 0.8rem;
	opacity: 0.5;
	line-height:4rem ;
	margin-top: -8rem;
}
header .notes .stop-time{
	height: 6rem;
	padding: 1rem;
	font-size: 5rem;
	margin: 3rem auto;
	border-radius: 0.5rem;
	color: #ff4955;
}

.banner {
	height: 15rem;

	display: flex;
	justify-content: space-around;
	margin: 2rem 0;
	
}
.banner .act-info{
	width: 25rem;
	height: 15rem;
	display: flex;
	font-size: 5rem;
	background-color: #b6ff85;
	border-radius: 2rem;
	text-align: center;
	line-height: 5rem;
	justify-content: center;
	flex-direction: column;
}
.main{
	
	/*height: 1000rem;*/
	display: flex;
	flex-direction: column;
	
}
.main .all-show{
	margin: 0 1rem;
	width: 98%;
	border-radius: 1rem;
	border:  #A9A9A9 solid 0.5rem ;
	float: left;
	
}
.main .all-show .show{
	margin: 2rem;
	width: 40%;
	height: 50rem;
	border-radius: 1rem;
	background-color: #ff5500;
}

.main .bottom{
	width: 100%;
	height:18rem ;
	
	bottom: 0;
	background-color: #FF4955;
	
}
footer{
	height: 18rem;
	width: 100%;
	background-color: aqua;
	position: fixed;
	display: flex;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	justify-content: space-around;
	bottom: 0;
	overflow: auto;
}
footer .option{
	
	height: 18rem;
	width: 33rem;
	background-color: antiquewhite;
	font-size: 6rem;
	text-align: center;
	line-height: 18rem;
	border:#55aaff solid;
	border-radius: 1rem;

	
}
a{
	text-decoration: none;
	color: #c972ff;
}

ul {
	width: 98%;
	list-style-type: disc;
	border: black solid ;
	border-radius: 1rem;
	margin: auto;
	overflow: hidden;
}
ul li{
	box-sizing: border-box;
	width: 47%;height: 70rem;
	float: left;
	padding: 0 1rem 1rempx;
	border: #6A9EFF solid;
	overflow: hidden;
	margin: 1rem;
	background-color: #FFFFFF;
	border-radius: 1.2rem;
	display: flex;
	flex-direction: column;
}
ul li:nth-child(even){
	float: right;	
}
ul li .picture{
	width: 90%;
	height:60rem;
	margin: 2rem;
	vertical-align: middle;
	overflow: hidden;
	border-radius: 2rem;
	box-shadow: 0 0 6px 0 #666;
}
ul li .name{
	font-size: 3rem;
	text-align: center;
	color: #A9A9A9;
}
ul li .thumbs{
	font-size: 4rem;
	text-align: center;
	color: #ead320;
}
ul li .give-thumb{
	width: 70%;
	margin: 1rem auto;
	height: 6rem;
	font-size: 5rem;
	line-height: 6rem;
	background-color: #ffaaff;
	text-align: center;
	color: #ffffff;
	border-radius: 3rem;
	
}
ul li img{
	width: 40rem;
	height: auto;
	
}

